Alert Dialog - hextastudio/ui

hextastudio/ui needs your support to stay running 🫶 Help us

Preview

Installation

bash

npx hexta-ui add alertdialog

tsx

import { AlertDialog, AlertDialogTitle, AlertDialogContent, AlertDialogButtons } from "@/components/hexta-ui/AlertDialog";

Basic Usage

import { useState } from 'react';
import { 
  AlertDialog,
  AlertDialogTitle,
  AlertDialogContent,
  AlertDialogButtons 
} from '@/components/hexta-ui/AlertDialog';

export const MyComponent = () => {
  const [isOpen, setIsOpen] = useState(false);

Custom Positioning

<AlertDialog 
  isOpen={isOpen}
  onClose={() => setIsOpen(false)}
  position="top"
  size="lg"
  showOverlay={false}
>
  {/* Dialog content */}
</AlertDialog>

Props Reference

Prop Name

Type

Default

Description

Prop Name	Type	Default	Description